$(function () {
    //抽取js变量
    var dept_datagrid = $("#dept_datagrid");

    dept_datagrid.datagrid({
        url: '/attendance/query.do',
        fitColumns: true,
        fit: true,//自动填充
        toolbar: '#dept_toolbar',
        pagination: true, //在DataGrid控件底部显示分页工具栏
        rownumbers: true, //显示一个行号列。
        singleSelect: true,//只允许选择一行
        striped: true, //显示斑马线效果
        columns: [[
            {field: 'id', checkbox: true},
            {field: 'date', title: '签到日期', width: 80},
            {field: 'employeename', title: '签到员工姓名', width: 80},
            {field: 'deptname', title: '所属部门', width: 80},
            {
                field: 'timein', title: '签到时间', width: 80, formatter: function (value, row, index) {
                    if (value) {
                        return value;
                    }
                    if (!value) {
                        return "<span style='color: #f4e039'>小火鸡,你漏打卡了</span>";
                    }
                }
            },
            {
                field: 'timeout', title: '下班打卡时间', width: 80, formatter: function (value, row, index) {
                    if (value) {
                        return value;
                    }
                    if (!value) {
                        return "<span style='color: #f4e039'>小火鸡,你漏打卡了</span>";
                    }
                }
            },
            {
                field: 'state', title: '考勤状态', width: 80, formatter: function (value, row, index) {
                    if (value == true) {
                        return "<span style='color: green;'>老板(嘻嘻):正常得很</span>";

                    }
                    if (value == false) {
                        return "<span style='color: red;'>想提前下班?!扣你工资</span>";
                    }
                    if (value == null) {
                        return "<span style='color: #f4e039'>有点诡异:查他</span>";
                    }
                }
            }
        ]]
    });

    $("#dept_toolbar a").click(function () {
        var keyword1 = $("#keyword").textbox('getValue');
        var deptName1 = $("#deptName").combobox('getValue');
        var beginDate1 = $("#beginDate").datebox('getValue');
        var endDate1 = $("#endDate").datebox('getValue');

        dept_datagrid.datagrid('load', {
            keyword: keyword1,
            deptName: deptName1,
            beginDate: beginDate1,
            endDate: endDate1
        });
    })

});










